<template>
	<view class="content">
		<view class="header">
			<statusBar bgColor="#FFFFFF"></statusBar>
			<view class="header-title">问卷调查</view>
		</view>
		<view class="con">
			<image class="con-img" src="../../static/submit-success.svg"/>
			<view class="con-title">您已成功提交！</view>
			<view class="con-text" @click="toIndex">再填一份</view>
		</view>

	</view>
</template>

<script setup>
	import {ref} from 'vue';

	const toIndex = () => {
		uni.redirectTo({ url: '/pages/index/index' })
	}

</script>

<style scoped lang="scss">


	.content {
		width: 750rpx;
		min-height: 100vh;
		background: #ffffff;

		.header{
			width: 750rpx;
			background: white;
			height: calc(var(--status-bar-height) + 88rpx);
			position: fixed;
			top: 0;
			left: 0;
			z-index: 20;

			&-title{
				height: 88rpx;
				font-family: PingFangSC-SNaNrpxibold;
				font-weight: 600;
				font-size: 36rpx;
				color: #1A1A1A;
				@include flex();
				
			}
		}

		.con{
			padding-top: calc(var(--status-bar-height) + 88rpx + 63rpx);
			@include flex(column,flex-start,center);

			.con-img{
				width: 96rpx;
				height: 96rpx;
				margin-bottom: 32rpx;
			}

			.con-title{
				font-family: PingFangSC-SNaNrpxibold;
				font-weight: 600;
				font-size: 40rpx;
				color: #222222;
				margin-bottom: 18rpx;
			}

			.con-text{
				font-family: PingFangSC-Regular;
				font-weight: 400;
				font-size: 26rpx;
				color: #555555;
			}
		}
	}


	
</style>
